.center-2{
    margin: 2% 0;
}
.center-2 > div {
    height: 78%;
    display: inline-block;
    /* border: 1px solid red;*/
}

.center-left-2 {
    width: 46%;
    padding: 2% 2%;
    float: left;
}

.center-right-2 {
    float: right;
    width: 40%;
}

.center-left-2 > div {
    display:inline-block;
}

.center-left-2 > div:nth-child(1) {
    margin: 0 5%;
}

.center-2-font > p {
    font-size: 1.5vw;
    color: #333333;
    margin-bottom: 16%;
}

.center-2-font > span {
    font-size: 0.8vw;
    color: #666666;
}
.center-right-2 {
    padding: 2% 0;
}
.center-right-2 > div:nth-child(1) {
    padding-top: 15%;
    padding-left: 5%;
    float: left;
    display: inline-block;
    height: 60%;
    width: 40%;
}
.center-right-2 > div:nth-child(2) {
    display: inline-block;
    height: 100%;
    width: 40%;
    padding-right: 5%;
}
.erweima3 {
    width: 70%;
    height: 80px;
    border: 1px solid red;
    margin: 0 auto;
}
.center-right-2 > div > p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-top: 8%;
}
.download {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    color: #666666;
    background: #ffffff;
    border: 1px solid #999999;
    border-radius: 4px;
}
.center-3 {
    height: 300px;
}
.center-3 > li {
    height: 80%;
    float: left;
    width: 20%;
    background: url("../img/other/productlist.png") no-repeat center;
    background-size: contain;
    background-color: rgba(0,0,0,0.2);
    margin: 0 2.5%;
}
.step {
    height: 500px;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 5%;
}

.step > div {
    width: 33%;
    height: 33%;
    float: left;
}
.step > div >span{
    position: relative;
    top:50%;
}
.step > div > p {
    margin-top: 10%;
    display: inline-block;
    height: 80%;
    width: 50%;
    border: 1px solid red;
}

.left-l {
    display: inline-block;
    height: 30%;
    width: 45%;
    background: url(../img/other/right.png) no-repeat center;
    background-size: 100%;
}

.right-r {
    display: inline-block;
    height: 30%;
    width: 45%;
    background: url(../img/other/left.png) no-repeat center;
    background-size: 100%;
}

.left-b {
    display: inline-block;
    height: 30%;
    width: 45%;
    background: url(../img/other/leftbottom.png) no-repeat center;
    background-size: 90%;
    transform: rotate(-18deg);
}

.right-b {
    display: inline-block;
    height: 30%;
    width: 45%;
    transform: rotate(22deg);
    background: url(../img/other/rightbottom.png) no-repeat center;
    background-size: 90%;
}

